<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1">
    <title>jQuery Mobile Web 应用程序</title>

    <!-- css -->
    <link href="css/jquery.mobile-1.4.0.min.css" rel="stylesheet" type="text/css"/>
    <link href="css/jquery.mobile.datepicker.css" rel="stylesheet" type="text/css"/>
    <link href="css/my.css" rel="stylesheet" type="text/css"/>
    <link href="css/myScroll.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/jquery.toastmessage.css" rel="stylesheet" type="text/css">
    <link href="css/myDate.css" rel="stylesheet" type="text/css"/>

    <!-- js -->
    <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="js/jquery.mobile-1.4.0.min.js" type="text/javascript"></script>
    <script src="js/jquery.mobile.datepicker.js" type="text/javascript"></script>
    <script src="js/jquery.ui.datepicker.js" type="text/javascript"></script>
    <script src="js/jquery.ui.datepicker-zh-CN.js" type="text/javascript"></script>
    <script src="js/jquery.toastmessage.js" type="text/javascript"></script>
    <script src="js/iscroll.js" type="text/javascript"></script>
    <script src="js/myDate.js" type="text/javascript"></script>
    <script src="js/myDateFlip.js" type="text/javascript"></script>
    <script src="js/myDatei18n.js" type="text/javascript"></script>

    <script src="js/constant.js" type="text/javascript"></script>
    <script src="js/department.js" type="text/javascript"></script>
    <script src="js/yhcx.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function () {
            getYhcxData();
        });

        //        initYhLevel();
        //        initYhType();
        //        initPcPerson();
    </script>
</head>
<body>
<!-- 隐患查询1 -- 查询结果页面 -->
<div data-role="page" id="yhcx1" data-add-back-btn="true">
    <div data-role="header" data-theme="b" style="height: 3.5em">
        <a href="index2.html" data-ajax="false" data-role="button" class="ui-btn-left" data-icon="arrow-l"
           data-iconpos="notext"></a>

        <h1 style="font-size: large">隐患查询</h1>

        <a class="ui-shadow ui-btn ui-corner-all ui-btn-inline ui-btn-icon-left ui-icon-search"
           onclick="gotoQuery()">查询</a>
    </div>

    <div data-role="content">
        <div id="summaryWrapper" class="wrapper">
            <div id="summaryScroller" class="scroller">
                <div id="summaryPullDown" class="pullDown">
                    <span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新...</span>
                </div>

                <table id="yhcx-result" data-role="table" data-mode="columntoggle" class="ui-responsive table-stroke">
                    <thead>
                    <tr>
                        <!-- 如果列比较多，屏幕比较窄 则会优先显示 data-priority = "1"的  数越小优先级越高 -->
                        <th data-priority="1">部门</th>
                        <th data-priority="0">排查时间</th>
                        <th data-priority="0">级别</th>
                        <th data-priority="0">类型</th>
                        <th data-priority="0">状态</th>
                    </tr>
                    </thead>

                    <tbody>
                    </tbody>
                </table>

                <div id="summaryPullUp" class="pullUp">
                    <span class="pullUpIcon"></span><span class="pullUpLabel">上拉加载更多...</span>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 隐患查询2 -- 录入参数页面 -->
<div data-role="page" id="yhcx2" data-add-back-btn="true">
    <div data-role="header" data-theme="b" style="height: 3.5em">
        <a href="index2.html" data-ajax="false" data-role="button" class="ui-btn-left" data-icon="arrow-l"
           data-iconpos="notext"></a>

        <h1 style="font-size: large">隐患查询</h1>
    </div>

    <div data-role="content">
        <label for="startDate">开始日期:</label>
        <input id="startDate" type="text" data-role="datebox"
               data-options='{"mode": "flipbox", "useButton": true}' data-mini="true">

        <label for="endDate">结束日期:</label>
        <input id="endDate" type="text" data-role="datebox"
               data-options='{"mode": "flipbox", "useButton": true}' data-mini="true">

        <span style="color: red">*默认查询当月隐患信息</span>

        <br>
        部门:
        <a class="ui-shadow ui-btn ui-corner-all ui-btn-inline ui-mini"
           onclick="initDept()">选择部门</a>
        <span id="deptNumber" style="display: none"></span>
        <span id="deptName"></span>

        <br>
        <span style="color: red">*默认查询本单位隐患信息</span>

        <label for="status">状态:</label>
        <select id="status" data-native-menu="false" data-mini="true">
            <option value="null">--全部--</option>
            <option value="提交审批">提交审批</option>
            <option value="审批完成">审批完成</option>
            <option value="隐患未整改">隐患未整改</option>
            <option value="逾期未整改">逾期未整改</option>
            <option value="隐患已整改">隐患已整改</option>
            <option value="复查通过">复查未通过</option>
            <option value="现场整改">现场整改</option>
            <option value="作废">作废</option>
        </select>

        <label for="pcType">排查方式:</label>
        <select id="pcType" data-native-menu="false" data-mini="true">
            <option value="-7">--全部--</option>
            <option value="-6">采掘专项检查</option>
            <option value="-5">火工品专项检查</option>
            <option value="-4">机电运输专项检查</option>
            <option value="-3">地测防治水专项检查</option>
            <option value="-2">一通三防专项检查</option>
            <option value="-1">顶板管理专项检查</option>
            <option value="0">重大安全隐患</option>
            <option value="1">年度隐患</option>
            <option value="2">月度隐患</option>
            <option value="3" selected="selected">日常动态检查隐患</option>
            <option value="4">矿专项检查</option>
            <option value="5">地面检查</option>
            <option value="6">职工检查</option>
            <option value="7">公司专项检查</option>
            <option value="8">省局检查</option>
            <option value="9">市局检查</option>
            <option value="10">国投检查</option>
            <option value="11">经信委检查</option>
            <option value="12">公司预评估</option>
        </select>

        <label for="type">类型:</label>
        <select id="type" data-native-menu="false" data-mini="true"></select>

        地点:
        <a class="ui-shadow ui-btn ui-corner-all ui-btn-inline ui-mini ui-btn-icon-notext ui-icon-search"
           onclick="filterPlace()">过滤地点</a>
        <input type="search" placeholder="输入条件对排查地点进行过滤" id="placeFilter">
        <select id="place" data-native-menu="false" data-mini="true"></select>

        <label for="zgType">整改方式:</label>
        <select id="zgType" data-native-menu="false" data-mini="true">
            <option value="null">---全部-</option>
            <option value="现场整改">现场整改</option>
            <option value="限期整改">限期整改</option>
        </select>

        <label for="level">级别:</label>
        <select id="level" data-native-menu="false" data-mini="true"></select>

        <br>
        <a class="ui-shadow ui-btn ui-corner-all ui-btn-inline ui-btn-icon-left ui-icon-search"
           onclick="getYhcxData()">查询</a>

    </div>
</div>


<div data-role="page" id="dept-filter" data-close-btn="right">
    <div data-role="header" data-theme="b">
        <h1>组织机构</h1>
    </div>

    <div data-role="content">
        <select id="dept-1" data-mini="true" data-native-menu="false" onchange="selectDept(this)"></select>

        <div id="dynamic">

        </div>


        <a class="ui-shadow ui-btn ui-mini"
           onclick="returndept()">确定</a>
    </div>
</div>
</body>
</html>